<template>
    <div class="goods-main" v-show="factoryData.length > 0">
         <div
           @click="() => goDeatil(`/supplier/index`)"
           class="part"
           v-for="item in factoryData"
         >
           <Popper
             class="part-right-top thumb light"
             arrow
             @click.stop="menuShow"
           >
             <img :src="publicUrl(`/images/omit.png`)" />
             <template #content="{ close }">
                 <div class="collect_text" @click="()=>clrear(close)">取消收藏</div>
                 <div class="collect_text" @click="()=>goDeatil(`/supplier/index`)">工厂详情</div>
             </template>
           </Popper>
           <Plant :data-source="item" />
         </div>
       </div>
   </template>
   <script setup lang="ts" name="">
   import { ref } from "vue"
   import {surplusDiv,publicUrl} from "@/utils/util";
   import Popper from "vue3-popper";
   import {useRouter} from "vue-router";
   import Plant from "@/components/Plant/index.vue";

   
   const factoryData = ref<Array<any>>([{}, {}]);
   const router = useRouter();
   const menuShow = () => {};
   const goDeatil = (path:string) => {
     router.push({path});
   };
   
   const clrear = (close:any)=>{
       close();
   }
   </script>
   <style scoped lang="scss">
     @media screen and (min-width: $pc-min-width) {
       @import "./pc.scss";
     }
   </style>